<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="js/vue.js" ></script>
</head>
<body>

    <div id="app">
        <div>{{msg}}</div>
        <div>{{1+1}}</div>
        <div>{{msg + '-----' + 123}}</div>
    </div>
    
    <script type="text/javascript">
        /*
            Vue 的基本步骤
            1.需要提供标签用于填充数据
            2.引入vue.js库文件
            3.可以使用vue的语法做功能了
            4.把vue提供的数据填充到标签里面
        */
        var vm = new Vue({
            el:"#app",
            data:{
                msg:'Hello World'
            }
        })
    </script>

</body>
</html>